<!--
 * @文件路径         : \campus-running-errands\uniapp\components\index\selectButton.vue
 * @作者名称         : 梦宇
 * 版权信息         : QQ:403445452,禁止转载！禁止抄袭
 * @创建日期         : 2022-06-29 20:37:17
-->
<template>
  <!-- 功能按钮 -->
  <div>
    <div v-for="(item, index) in backling" :key="index">
      <div class="selectButton">
        <p>{{ item.text }}</p>
        <div class="iosc">
          <p>{{ item.text2 }}</p>
          <div>
            <img src="@/static/icon/dy1.png" alt="" />
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectButton: [{}, "2"],
    };
  },
  props: {
    backling: Array,
  },
};
</script>

<style lang="less" scoped>
.selectButton {
  margin: 20px;
  display: flex;
  font-size: 20px;
  justify-content: space-between;
  border-bottom: 1px solid rgba(19, 2, 2, 0.727);
  padding: 10px 0;
  .iosc {
    display: flex;
    p {
      font-size: 18px;
      color: rgb(197, 197, 197);
    }
    div {
      width: 15px;
      img {
        width: 100%;
      }
    }
  }
}
</style>